<template>
	<div>
		<div class="head">
		<router-link to='/shouye'>
			<img src="../assets/jtl.png" alt="">
		</router-link>
		<span id="dd">订单列表</span>
		</div>
		<Foot></Foot>
	</div>
</template>

<script>
	import Foot from "../components/foot";
	
	export default{
		name:"dingdan",
		components: {
		  Foot: Foot
		},
	}
</script>

<style scoped>
	* {
	  padding: 0;
	  margin: 0;
	  list-style: none;
	}
	
	.head {
	  width: 100%;
	  height: 3rem;
	  background: #3190e8;
	  position: relative;
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  justify-content: space-around;
	}
	.head img{
		width: 2.3rem;
		position: absolute;
		top: 0.5rem;
		left: 0.2rem;
	}
	
	#dd {
	  font-size: 1.3rem;
	  font-weight: 700;
	  color: white;
	  margin: 0 auto;
	}
</style>
